html,
body {
    width: 100%;
    height: 100%;
    overflow: auto;
}

ul,
li {
    box-sizing: border-box;
}

ul {
    width: 100%;
    margin: 0;
    padding: 0 .3rem;
    li {
        position: relative;
        list-style: none;
        padding: .3rem 0;
        width: 100%;
        height: 1.43rem;
        font-size: .28rem;
        text-align: left;
        color: #000;
        border-bottom: 1px solid #d6d6d6;
        p {
            margin: 0 0 .1rem;
        }
        p.gray {
            font-size: .24rem;
            color: gray;
            margin: #9b9b9b;
        }
        .right {
            text-align: right;
            position: absolute;
            right: 0;
            top: .3rem;
        }
    }
}

body[loading=true],
body[loaded=true] {
    div.loading-tips {
        margin: .4rem 0;
        height: .6rem;
        display: block;
        font-size: .24rem;
        color: gray;
        line-height: .6rem;
        text-align: center;
    }
}

div.loading-tips,
body[loaded=true] div.loading-tips .loading-more,
body[loading=true] div.loading-tips .loaded {
    display: none;
}
body[null=true] {
    &:after{
        content: "\8fd9\91cc\4ec0\4e48\75d5\8ff9\90fd\6ca1\6709\002e\002e\002e\002e";
        margin: .4rem 0;
        height: .6rem;
        display: block;
        font-size: .24rem;
        color: gray;
        line-height: .6rem;
        text-align: center;
    }
}